<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SuperOcean</title>
<link href="<?php echo base_url().'asset/'?>css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="left_header"></div>
<div id="header">
	<div class="logo"></div>
    <div id="main_menu">
    	<ul>
        	<li style="margin-left:-39px;"><?php echo anchor('templateuser', 'Trang chủ')?></li>
            <li><?php echo anchor('templateuser/gioithieu', 'Giới thiệu')?></li>
            <li><?php echo anchor('templateuser/sanpham', 'Sản phẩm')?></li>
            <li><?php echo anchor('templateuser/khoalan', 'Dịch vụ lặn biển')?></li>
            <li><?php echo anchor('templateuser/diadiemlan', 'Địa điểm lặn')?></li>
            <li style="border-right:none;"><?php echo anchor('templateuser/lienhe', 'Liên hệ')?></li>
        </ul>
    </div>
</div>
<div id="right_header"></div>
<div id="wrapper">

	<!--mở left content-->
	<div id="left_content">
    	<!--vertical menu-->
        <div id="vertical_menu">
        	<div class="title_menu">Danh mục chính</div>
            <ul>
            	<li><?php echo anchor('templateuser', 'Trang chủ')?></li>
                <li><?php echo anchor('templateuser/gioithieu', 'Giới thiệu')?></li>
            	<li><?php echo anchor('templateuser/sanpham', 'Sản phẩm')?></li>
          	    <li><?php echo anchor('templateuser/khoalan', 'Dịch vụ lặn biển')?></li>
         		<li><?php echo anchor('templateuser/diadiemlan', 'Địa điểm lặn')?></li>
                <li><?php echo anchor('templateuser/lienhe', 'Liên hệ')?></li>
            </ul>
        </div>
        
        <!--div tìm kiếm-->
        <div class="back_menu" style="height:111px;">
        	<div class="title_menu">Tìm kiếm</div>
            <div class="text_menu"><input type="text" name="tk" id="tk" size="23" /> </div>
            <div class="text_menu" style="margin-top:12px; margin-left:60px;"><input type="submit" value="Tìm" /></div>
        </div>
        
        <!--div giỏ hàng-->
        <div id="giohang" style="margin-top:15px;">
        	<div class="title_menu">Giỏ hàng</div>
            <ul>
            	<li><a href="#">Số sản phẩm: <span style="color:#FF0;"><?php echo $this->cart->total_items();
?> </span></a></li>
                <li><a href="#">Tổng giá tiền: <span style="color:#FF0;"><?php echo $this->cart->total();
?>$</span></a></li>
                <li><?php echo anchor('shoppingcart/xemgiohang', 'Xem giỏ hàng')?></li>
                <li style="border-bottom:none;"><a href="#">Hóa đơn của bạn</a></li>
            </ul>
        </div>
        
        <!--div thành viên-->
  		<div class="back_menu" style="height:200px;">
        	<div class="title_menu">Thành viên</div>
            <div class="text_menu">Tài khoản: </div>
            <div class="text_menu"><input type="text" name="tk" id="tk" size="23" /> </div>
            <div class="text_menu">Mật khẩu: </div>
            <div class="text_menu"><input type="text" name="mk" id="mk" size="23" /> </div>
            <div class="text_menu" style="margin-top:12px;"><?php echo anchor('templateuser/dangky', 'Đăng ký')?><input type="submit" value="Đăng nhập" style="margin-left:15px;" /></div>    
     	 </div>
         
         <!--div hỗ trợ online-->
  		<div class="back_menu" style="height:195px; background-color:#FFF;">
        	<div class="title_menu">Hỗ trợ online</div>
            <div><a href="ymsgr:sendIM?trunghieu_nguyen1987">
		    <img width="50%" alt="Not Connected"
		        src="http://opi.yahoo.com/online?u=trunghieu_nguyen1987&amp;m=g&amp;t=14" />
		</a></div>
            <div class="text_menu" style="text-align:center; color:#00F; margin-left:-15px;">Falcao</div>
            <div class="text_menu" style="text-align:center; color:#00F; margin-left:-15px;">090909.76.99</div>  
  
     	 </div>
         
         <!--div google map-->
  		<div class="back_menu" style="height:200px;">
        	<div class="title_menu">Google map</div>
            <div style="margin-top:-15px;"><?php include('ContactUs.php');?></div>   
     	 </div>
        
    </div>
    <!--end left content-->
    
    <!--mở right content-->
    <div id="right_content">
    	<div class="banner_nho">
        	<?php include('banner.php')?>
        </div>